<app-content-header
  [action]="computeIsShowRefundButton() ? action : ''"
  [custom]="computeIsShowManualRefundButton() ? custom : ''"
  [manualVoid]="computeIsShowManualVoidButton() ? manualVoid : ''"
  [payment]="computeIsShowPresentButton() ? payment : ''"
  [actionBgColor]="'#FFAE00'"
  (actionClick)="goRefund()">
  <!-- 商户退款 -->
  <ng-template #action>
    <i nz-icon type="dollar" *ngIf="category!==ECategory.Ec"></i> {{ 'TRADE.TITLE.MERCHANT_REFUND' | translate }}
  </ng-template>
  <!-- 手工退款 -->
  <ng-template #custom>
    <button (click)="goManualRefund()" nzShape="round" class="cil__custom-btn__lightblue" nz-button>
      <i nz-icon type="dollar"></i> {{ 'TRADE.TITLE.MANUAL_REFUND' | translate }}
    </button>
  </ng-template>
  <!-- 手工撤销 -->
  <ng-template #manualVoid>
    <button  *ngIf="category===ECategory.Card"  (click)="goManualVoid()"  nzShape="round" class="cil__custom-btn__lightblue" nz-button>
      <i nz-icon type="dollar"></i> {{ 'TRADE.TITLE.MANUAL_VOID' | translate }}
    </button>
  </ng-template>
  <!-- 手工请款 -->
  <ng-template #payment>
    <button  *ngIf="category===ECategory.Card"  (click)="goManualPresent()"  nzShape="round" class="cil__custom-btn__lightblue" nz-button>
      <i nz-icon type="dollar"></i> {{ 'TRADE.SETTLE.PRESENTMENT' | translate }}
    </button>
  </ng-template>
</app-content-header>

<app-detail-header
  [title]="'TRADE.TITLE.DETAIL' | i18n"
  [ifEditable]="false"></app-detail-header>

<div class="cil__info-item-blocks bottom-columns">
  <app-info-row
    [columns]="firstColumns"
    [height]="'160'"></app-info-row>
</div>

<div class="cil__info-item-blocks bottom-columns">
  <app-info-row
    [columns]="secondColumns"
    [height]="'160'"></app-info-row>
</div>

<div class="cil__info-item-blocks bottom-columns">
  <app-info-row
    [columns]="acquirerColumns"></app-info-row>
</div>

<div class="cil__info-item-blocks bottom-columns">
  <app-info-row
    [columns]="groupColumns"></app-info-row>
</div>

<div class="cil__info-item-blocks bottom-columns">
  <app-info-row
    [columns]="merchantColumns"></app-info-row>
</div>

<div class="cil__info-item-blocks bottom-columns">
  <app-info-row
    [columns]="storeColumns"></app-info-row>
</div>

<div class="cil__info-item-blocks bottom-columns">
  <app-info-row
    [columns]="thirdColumns"></app-info-row>
</div>

<div class="cil__info-item-blocks bottom-columns">
  <app-info-row
    [columns]="fourthColumns"></app-info-row>
</div>

<app-detail-header
  [title]="'TRADE.RELATED_TRADES' | i18n"
  [ifEditable]="false"></app-detail-header>

<app-related-trades></app-related-trades>
